---
slug: /components/placeholder
title: Placeholder
---

```ts live
() => {
  const componentsPlaceholder = withStyledPlaceHolders(components);

  return (
    <>
      <HeadingToolbar>
        <ToolbarButtonsBasicElements />
      </HeadingToolbar>
      <Plate
        id="placeholder"
        plugins={pluginsBasic}
        components={componentsPlaceholder}
        options={options}
        editableProps={editableProps}
        initialValue={initialValuePlaceholder}
      />
    </>
  );
}
```